<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:unav="http://www.unav.org/tags"
	xmlns:t="http://myfaces.apache.org/tomahawk">

<ui:composition template="/layouts/conMenuLayoutAdministracion.xhtml">

<f:view contentType="text/html">
</f:view>

	<ui:define name="title">
		<h:outputText value="#{msg.erasmus_cabecera_title}" />
	</ui:define>
	
	<ui:define name="content">
		
			
		
		<h:form id="datosUniversidad">  
		<h:panelGroup layout="block" styleClass="bloqueMensajes">
			<p:messages>
			</p:messages>
		</h:panelGroup>
			<h:panelGroup layout="block" class="bloqueCentralDatos">			
					
					<h:panelGroup layout="block" styleClass="separacionVertical"/>
					
					<fieldset>
  						<legend><h:outputText value="&nbsp;&nbsp;#{msg.qbDeportivos_tesoreria_total}&nbsp;&nbsp;"/></legend>
  				
				      	<h:panelGrid id="partidoPanel" columns="2" styleClass="porcen100" width="100%" columnClasses="sin_espacios,porcen50" >
							<h:outputLabel value="#{msg.qbDeportivos_tesoreria_total}: "/> <h:outputText value="#{total}"><f:convertNumber minFractionDigits="2" maxFractionDigits="2" minIntegerDigits="1" /></h:outputText>
						</h:panelGrid>	
					</fieldset>

					<p:separator/>
					
					<fieldset>
						<legend><h:outputText value="&nbsp;&nbsp;#{msg.qbDeportivos_tesoreria_tesoreria}&nbsp;&nbsp;" /></legend>
						
						
						<p:panelGrid columns="4">  
						    <f:facet name="header">  
						        Nuevo Gasto / Ingreso
						    </f:facet>  
						  	
						  	<h:outputLabel for="fecha" value="Fecha: " />
				  			<p:calendar readOnlyInputText="true" navigator="true" locale="#{locale}" maxlength="10" pattern="dd/MM/yyyy" 
									 converterMessage="#{msg.actividades_unav_mensaje_formato_fecha}" 
				   					 showOn="button" inputStyleClass="porcen70"  timeZone="CET" 
				   					 id="fecha" value="#{flowScope.tesoreria.fecha}" 
				   		 	/>
			   		 		
			   		 		<h:outputLabel for="concepto" value="Concepto: " /> 
			   		 		 <p:selectOneMenu value="#{flowScope.tesoreria.concepto}" effect="fold" editable="true">  
					            <f:selectItem itemLabel="Introduzca concepto" itemValue="" />  
					            <f:selectItems value="#{flowScope.partidos}" /> 
					            <f:selectItem itemLabel="Cuota" itemValue="Cuota" /> 
					            <f:selectItem itemLabel="Pendiente de pago" itemValue="Pendiente de pago" />
					            <f:selectItem itemLabel="Otros" itemValue="Otros" />
					        </p:selectOneMenu> 
							
																   		 		
	   		 		      	<h:outputText value="Jugador: " />  
					        <h:selectOneMenu value="#{flowScope.tesoreria.jugador.id}">  
					            <f:selectItem itemLabel="" itemValue="" />  
					            <f:selectItems value="#{flowScope.jugadores}" var="jugador" itemLabel="#{jugador.nombre}" itemValue="#{jugador.id}"/>  
					        </h:selectOneMenu>  
					        
						    <h:outputLabel for="importe" value="Importe: " />  
						    <p:inputText id="importe" value="#{flowScope.tesoreria.importe}" label="Importe"/>  
						  
						    <f:facet name="footer">  
						        <p:commandButton id="botonInsertar" value="Insertar" action="crearTesoreriaNueva" ajax="false" />  
						    </f:facet>  
						</p:panelGrid>  
						
						
						<p:dataTable var="varTesoreria" value="#{listaTesoreria}" styleClass="centrarTextos" paginator="true" rows="20"  id="tablaTesoreria"
		                emptyMessage="#{msg.qbDeportivos_mensaje_sinResultados}" 
		                rowIndexVar="rowIndex" paginatorPosition="top" paginatorTemplate=" Elementos por página {RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}" 
                 		rowsPerPageTemplate="10,20,30" rowStyleClass="#{rowIndex%2 == 0 ? 'colorFilaPar' : 'colorFilaImpar'}">
		  				
				       <p:column sortBy="#{varTesoreria.fecha}" >  
				            <f:facet name="header">  
					            <h:outputText value="#{msg.qbDeportivos_tesoreria_fecha}" styleClass="tamanioLetraPequenio"/>
				            </f:facet>  
				             
				            <h:outputText value="#{varTesoreria.fecha}" styleClass="tamanioLetraPequenio"> 
				            	<f:convertDateTime pattern="dd/MM/yyyy" timeZone="CET"></f:convertDateTime>
				            </h:outputText>
				       </p:column>
				       <p:column sortBy="#{varTesoreria.concepto}" >  
				            <f:facet name="header">  
					            <h:outputText value="#{msg.qbDeportivos_tesoreria_concepto}" styleClass="tamanioLetraPequenio"/>
				            </f:facet>  
				             
				            <h:outputText value="#{varTesoreria.concepto}" styleClass="tamanioLetraPequenio"/> 
				       </p:column>
				       <p:column sortBy="#{varTesoreria.jugador.nombre}" >  
				            <f:facet name="header">  
					            <h:outputText value="#{msg.qbDeportivos_tesoreria_jugador}" styleClass="tamanioLetraPequenio"/>
				            </f:facet>  
				             
				            <h:outputText value="#{varTesoreria.jugador.nombre}" styleClass="tamanioLetraPequenio"/> 
				       </p:column>    
				        <p:column sortBy="#{varTesoreria.importe}" >  
				            <f:facet name="header">  
					            <h:outputText value="#{msg.qbDeportivos_tesoreria_importe}" styleClass="tamanioLetraPequenio"/>
				            </f:facet>  
				             
				            <h:outputText value="#{varTesoreria.importe}" styleClass="tamanioLetraPequenio">
				            	<f:convertNumber minFractionDigits="2" maxFractionDigits="2" minIntegerDigits="1" />
				            </h:outputText> 
				       </p:column> 
				       <p:column>
					      	<h:commandButton value="" update="tablaTesoreria" action="borrarTesoreria" image="/images/borrar.gif" title="Borrar">
			            		<f:setPropertyActionListener
									target="#{flowScope.tesoreriaSeleccionadoBorrar}" value="#{varTesoreria}" />
			        	 	</h:commandButton>
		        	 		<h:commandButton value="" update="tablaEditarTesoreriar" action="editarTesoreria" image="/images/editar.gif" title="Editar">
			            		<f:setPropertyActionListener
									target="#{flowScope.tesoreriaSeleccionada}" value="#{varTesoreria}" />
			        	 	</h:commandButton>
			        	</p:column>       
				        <f:facet name="footer">  
				            <h:outputText value="#{msg.qbDeportivos_mensaje_tabla_obtenidos} #{fn:length(listaTesoreria)} #{msg.qbDeportivos_mensaje_tabla_registro}" styleClass="tamanioLetraPequenio"/>
				        </f:facet>
				    </p:dataTable> 
				    
				    <h:commandLink>  
    					<p:graphicImage value="/images/pdf.png" />  
   						 <p:dataExporter type="pdf" target="tablaTesoreria" fileName="tesoreria" excludeColumns="4"/>  
					</h:commandLink> 
				    
				     <p:panelGrid id="tablaEditarTesoreriar" columns="2" rendered="#{flowScope.tesoreriaSeleccionada != null}" style="margin-top:20px;">  
					    <f:facet name="header">  
					       Editar Tesoreria 
					    </f:facet>  
					  
					    <h:outputLabel for="fecha" value="Fecha: " />  
					    <h:outputLabel for="fecha" value="#{flowScope.tesoreriaSeleccionada.fecha}">
					   		<f:convertDateTime pattern="dd/MM/yyyy" timeZone="CET"></f:convertDateTime>
					    </h:outputLabel>  
					  
					    <h:outputLabel for="conceptoEditado" value="Concepto: " />
					    <p:selectOneMenu id="conceptoEditado" value="#{flowScope.tesoreriaSeleccionada.concepto}" effect="fold" editable="true">  
					             <f:selectItem itemLabel="Pendiente de pago" itemValue="Pendiente de pago" />
					            <f:selectItems value="#{flowScope.partidos}" /> 
					            <f:selectItem itemLabel="Cuota" itemValue="Cuota" /> 
					            <f:selectItem itemLabel="Otros" itemValue="Otros" />
				        </p:selectOneMenu> 
				  		
				  		<h:outputLabel for="jugador" value="Jugador: " />  
					    <h:outputLabel for="jugador" value="#{flowScope.tesoreriaSeleccionada.jugador.nombre}" />
					   
					   	<h:outputLabel for="importe" value="Importe: " />  
					    <h:outputLabel for="importe" value="#{flowScope.tesoreriaSeleccionada.importe}" />
					    
				  		  <f:facet name="footer">  
	        					<h:commandButton value="Cancelar" update="tablaEditarTesoreriar" action="editarTesoreria" title="Cancelar"
	        						class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">
				            		<f:setPropertyActionListener
										target="#{flowScope.tesoreriaSeleccionada}" value="" />
				        	 	</h:commandButton>
				        	 	<h:commandButton value="Guardar Cambios" update="tablaEditarTesoreriar" action="guardarCambiosTesoreria" title="Guardar Cambios"
	        						class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">
				        	 	</h:commandButton>
    					  </f:facet>
					</p:panelGrid>
				</fieldset>
    	</h:panelGroup>
    	
    	
    	    	
	</h:form>  
		
		
	</ui:define>

</ui:composition>
</html>
